﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
	<link rel="stylesheet" href="/layui.css"  media="all">
<link rel="Shortcut Icon" href="/favicon.ico" />



<title>新建网站角色 - 管理员管理 - H-ui.admin v3.1</title>
<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="/layui.css"  media="all">



	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" charset="utf-8" src="/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="/ueditor.all.js"> </script>
	<script type="text/javascript" charset="utf-8" src="/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<form class="layui-form layui-form-pane" action="">
    <input type="hidden" id="coin_id" name="coin_id">
	<input type="hidden" id="program_id" name="program_id">
	<input type="hidden" id="exchange_id" name="exchange_id">
	<textarea id="con_article" name="con_article" style="display: none"></textarea>

   <div class="layui-form-item">
	   <label class="layui-form-label">选择币种</label>
	   <div   class="layui-input-block">
		   <select lay-filter="coin">
			   <option value="">请选择币种类型</option>
				   <option name="coin" th:each="coin:${coinList}" th:value="${coin.cid}" th:if="${content.coin_id }  eq ${coin.cid}" th:text="${coin.cname} "  selected="selected"></option>
				   <option name="coin" th:each="coin:${coinList}" th:value="${coin.cid}" th:unless="${content.coin_id }  eq ${coin.cid}" th:text="${coin.cname}"></option>
		   </select>
	   </div>
   </div>


	<div class="layui-form-item">
		<label class="layui-form-label">选择交易所</label>
		<div class="layui-input-block">
			<select name="" lay-filter="exchange">
				<option value="">请选择交易所</option>
				<option name="exchange" th:each="exchange:${exchangeList}" th:value="${exchange.eid}" th:if="${exchange.eid}  eq ${content.exchange_id}"  th:text="${exchange.ename}" selected="selected" ></option>
				<option name="exchange" th:each="exchange:${exchangeList}" th:value="${exchange.eid}" th:unless="${exchange.eid}  eq ${content.exchange_id}"  th:text="${exchange.ename}" ></option>
			</select>
		</div>
	</div>


	<div class="layui-form-item">
		<label class="layui-form-label">选择栏目</label>
		<div class="layui-input-block">
			<select name="" lay-filter="program">
				<option value="">请选择栏目</option>
				<option name="program" th:each="program:${programList}" th:value="${program.program_id}" th:if="${program.program_id} eq ${content.program_id}" th:text="${program.program_name}"  selected="selected"></option>
				<option name="program" th:each="program:${programList}" th:value="${program.program_id}" th:unless="${program.program_id} eq ${content.program_id}" th:text="${program.program_name}" ></option>
			</select>
		</div>
	</div>


	<div class="layui-form-item">
		<label class="layui-form-label">资讯标题</label>
		<div class="layui-input-block">
			<input type="text" id="con_title" name="con_title" th:value="${content.con_title}" required  lay-verify="required" autocomplete="off"  class="layui-input">
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">资讯来源</label>
		<div class="layui-input-block">
			<input type="text" id="con_addr" name="con_addr" required th:value="${content.con_addr}" lay-verify="required" autocomplete="off"  class="layui-input">
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">资讯作者</label>
		<div class="layui-input-block">
			<input type="text" id="con_author" name="con_author" required th:value="${content.con_author}" lay-verify="required" autocomplete="off"  class="layui-input">
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">发布时间</label>
		<div class="layui-input-block">
			<input type="text" id="format_time" name="format_time" required th:value="${content.format_time}" lay-verify="format_time" placeholder="请输入格式为2018-01-01 00:00:00的时间" autocomplete="off"  class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-text">
		<label class="layui-form-label">资讯内容</label>
		<div id="editor" style="height:360px">
			<script type="text/javascript" charset="utf-8">     UE.getEditor('editor');</script>
		</div>
	</div>

	<div class="layui-form-item">
		<div id="button_relative" class="layui-input-block">
			<button class="layui-btn" lay-submit lay-filter="aa">立即提交</button>
			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		</div>
	</div>
</form>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="/layui.js"></script>
<script  th:inline="javascript" type="text/javascript">
  layui.use('form', function(){
      var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

      //……

      //但是，如果你的HTML是动态生成的，自动渲染就会失效
      //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
      form.render();
      form.verify({
          format_time: function(value, item){ //value：表单的值、item：表单的DOM对象
              if(!new RegExp("^[1-9]\\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])(\\s)((20|21|22|23|[0-1]?\\\d):[0-5]?\\\d:[0-5]?\\\d)$").test(value)){
                  return '时间格式不对';
              }
          }
      });
      form.on('select(coin)', function(data){
          $("#coin_id").attr("value",data.value);

      });
      form.on('select(exchange)', function(data){
          $("#exchange_id").attr("value",data.value);

      });
      form.on('select(program)', function(data){
          $("#program_id").attr("value",data.value);
      });



      form.on('submit(aa)', function(data){
          if($("#coin_id").val()==""){
              $("#coin_id").attr("value",0)

          }
          if($("#exchange_id").val()==""){
              $("#exchange_id").attr("value",0)
          }
          if($("#program_id").val()==""){
              layer.msg('请选择内容栏目');
              return false;
          }
          document.getElementById('con_article').innerHTML=UE.getEditor('editor').getContent();
          $.post("/editContentById",
              {
                  con_id:[[${content.con_id}]],
				  coin_id:$("#coin_id").val(),
				  exchange_id:$("#exchange_id").val(),
				  program_id:$("#program_id").val(),
                  con_title:$("#con_title").val(),
                  con_addr:$("#con_addr").val(),
                  con_author:$("#con_author").val(),
                  con_article:$("#con_article").val(),
                  format_time:$("#format_time").val()
              },
              function (data) {
                  var datares=eval(data);
                  layer.alert(datares.msg, {
                          title: "更新操作",
                          btn: ['确定']
                      },
                      function (index, item) {
                          //layer.close(index);
                          window.parent.location.reload();
                      });
              });
          return false;
      });

  });
  layui.use('laydate',function () {
	  var laydate=layui.laydate;
	  laydate.render({
		  elem:'#format_time',
          type:'datetime'});
  })

  $(document).ready(function(){
      /**
	   * 如果没有选取币种，交易所，栏目，给回原来的coin_id,exchange_id,program_id
       * @type {NodeListOf<HTMLElement>}
       */

      var coin= document.getElementsByName("coin")
      for (var i=0;i<coin.length;i++)
      {
          if(coin[i].getAttribute("selected")){
              $("#coin_id").attr("value",coin[i].value)
          }
      }
      var exchange= document.getElementsByName("exchange")
      for (var j=0;j<exchange.length;j++)
      {
          if(exchange[j].getAttribute("selected")){
              $("#exchange_id").attr("value",exchange[j].value)
          }
      }
      var program= document.getElementsByName("program")
      for (var k=0;k<program.length;k++)
      {
          if(program[k].getAttribute("selected")){
              $("#program_id").attr("value",program[k].value)
          }
      }
  });

  var UM= UE.getEditor('editor');
  //渲染的时候先把内容置空  然后再重新放入数据库存放的content值
  UM.ready(function() {
      UM.setContent("");
      //异步回调 重新渲染 @ricky
      UM.execCommand('insertHtml', [[${content.con_article}]]);
  });

</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>